$(function () {

    var top = 0;//给top变量一个初始值，以便下方赋值并引用。
    var _index_top_tab_btn = $(".index-top-tab > a");
    _index_top_tab_btn.eq(5).addClass("active").siblings().removeClass("active");
    setTimeout(function () {
        var _index_top_tab_btn = $(".index-top-tab > a");
        _index_top_tab_btn.eq(5).addClass("active").siblings().removeClass("active");
    },1000);

    //点击图片
    var _big_img = $(".big-img");//大图盒子
    $(".girl-listbox").on("click",".girl-img",function () {
        var _this = $(this)[0];
        var thisimgw = _this.naturalWidth;//图片实际宽
        var thisimgh = _this.naturalHeight;//图片实际高
        var screenw = $(window).width();//屏幕宽
        var screenh = $(window).height();//屏幕高
        // alert(thisimgw);
        // alert(thisimgh);
        // console.log(_this);
        if(thisimgw == 0 || thisimgh == 0 || screenw == 0 || screenh == 0){
            return false;
        }
        top = $(window).scrollTop();//获取页面的scrollTop；
        $('body').css("top",-top+"px");//给body一个负的top值；
        $('body').addClass('add');//给body增加一个类，position:fixed;
        var thisimgsrc = _this.src;//图片地址
        var thisimgwh = thisimgw / thisimgh;//图片宽高比
        var screenwh = screenw / screenh;//屏幕宽高比
        if(thisimgwh >= screenwh){
            _big_img.addClass("big-imgw");
        }else{
            _big_img.addClass("big-imgh");
        }
        _big_img.append('<img src="' + thisimgsrc + '"/>');
        _big_img.fadeIn(100);
    });
    _big_img.on("click",function () {
        $('body').removeClass('add');//去掉给body的类
        $(window).scrollTop(top);//设置页面滚动的高度，如果不设置，关闭弹出层时页面会回到顶部。
        _big_img.fadeOut(100,function () {
            _big_img.removeClass("big-imgw big-imgh");
            _big_img.empty();
        });
    });

    var _detail_bottom = $(".detail-bottom");//评论底栏
    //点击按钮弹出输入框
    var _detail_bottom_comment_btn = $(".detail-bottom-comment-btn");//弹出评论框按钮
    var _detail_bottom_comment_box = $(".detail-bottom-comment-box");//评论盒子
    var _detail_bottom_comment_input = $(".detail-bottom-comment-input");//评论框
    var _detail_bottom_comment_btn_cancel = $(".detail-bottom-comment-btn-cancel");//评论取消按钮
    var _detail_bottom_comment_mask = $(".detail-bottom-comment-mask");//评论背景遮罩
    var _detail_bottom_comment_btn_submit = $(".detail-bottom-comment-btn-submit");//发布按钮
    _detail_bottom_comment_btn.on("click",function () {
        _detail_bottom_comment_box.fadeIn(100);
        _detail_bottom_comment_input.focus();
    });
    //点击取消评论按钮
    _detail_bottom_comment_btn_cancel.on("click",function () {
        closecomment();
    });
    //点击评论框背景遮罩
    _detail_bottom_comment_mask.on("click",function () {
        closecomment();
    });
    //隐藏评论框
    function closecomment() {
        _detail_bottom_comment_input.blur();
        _detail_bottom_comment_box.fadeOut(100);
    }
    //点击发布按钮
    _detail_bottom_comment_btn_submit.on("click",function () {
        var submitval = _detail_bottom_comment_input.val();
        if(submitval.length <= 0){
            alert("请输入内容~");
        }else{
            console.log(submitval);
            closecomment();
            _detail_bottom_comment_input.val("");
        }
    });

    //点击评论列表按钮
    var _detail_bottom_commentlist_btn = $(".detail-bottom-commentlist-btn");//评论列表按钮
    var _detail_bottom_comment_listbox = $(".detail-bottom-comment-listbox");//评论列表盒子
    _detail_bottom_commentlist_btn.on("click",function () {
        _detail_bottom_comment_listbox.fadeIn(100);
        top = $(window).scrollTop();//获取页面的scrollTop；
        $('body').css("top",-top+"px");//给body一个负的top值；
        $('body').addClass('add');//给body增加一个类，position:fixed;
    });
    $(".girl-listbox").on("click",".girl-list-tools-commentbox",function () {
        _detail_bottom_comment_listbox.fadeIn(100);
        _detail_bottom.fadeIn(100);
        top = $(window).scrollTop();//获取页面的scrollTop；
        $('body').css("top",-top+"px");//给body一个负的top值；
        $('body').addClass('add');//给body增加一个类，position:fixed;
    });
    _detail_bottom_comment_listbox.on("click",function () {
        _detail_bottom_comment_listbox.fadeOut(100);
        _detail_bottom.fadeOut(100);
        $('body').removeClass('add');//去掉给body的类
        $(window).scrollTop(top);//设置页面滚动的高度，如果不设置，关闭弹出层时页面会回到顶部。
    });

    //点击分享按钮
    var _detail_bottom_share_btn = $(".detail-bottom-share-btn");//分享按钮
    var _share_mask = $(".share-mask");//分享遮罩
    _detail_bottom_share_btn.on("click",function () {
        _share_mask.fadeIn(100);
    });
    $(".girl-listbox").on("click",".girl-list-tools-sharebox",function () {
        _share_mask.fadeIn(100);
    });
    _share_mask.on("click",function () {
        _share_mask.fadeOut(100);
    });

});